﻿<!--
 * @Date: 2022-02-12 11:14:51
 * @LastEditors: Darth_Eternalfaith
 * @LastEditTime: 2022-03-30 17:26:28
 * @FilePath: \def-web\index.html
-->
<!DOCTYPE html>
<html lang="en">
<head>
    <script>
        var opentime=new Date();
        // 注册 ServiceWorker
        if ('serviceWorker' in window.navigator) {
        navigator.serviceWorker.register('./ServiceWorker.js', { scope: './' })
            .then(function (reg) {
            console.log('success', reg);
            navigator.serviceWorker.controller && 
            navigator.serviceWorker.controller.postMessage("this message is from page");
            });
        }
    </script>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="manifest" href="manifest.json" />
    <script type="text/javascript">
        if(window.history&&window.history.replaceState)window.history.replaceState(null,null,(window.location.href.replace(/(\.\w+\/)/,"$1#/")).replace(/(#\/)+/,"#/"));   
        </script>
    <title>DEF's Greend</title>
    <link rel="stylesheet" href="./css/basics.css">
    <style>
        /* -----Header----- */
        #Header{
            height          : 36px;
            background-color: var(--colorA);
            border-bottom   : var(--colorD) 2px solid;
            position        : fixed;
            left            : 0;
            top             : 0;
            width           : 100%;
            font-family     : "等线";
            z-index         : 1000;
        }
        /*-----Left-----*/
        #Left{
            width           : 200px;
            position        : fixed;
            height          : 100%;
            z-index         : 999;
            top             : 36px;
            background-color: var(--colorA);
            border-right    : var(--colorD) 2px solid;
            box-sizing      : border-box;
            padding-bottom  : 36px;
            color           : var(--colorBT);
        }
        #Deviation{
            position    : absolute;
            top         : 0;
            left        : 0;
            padding-left: 200px;
            padding-top : 36px;
            width       : 100%;
            min-height  : 100%;
        }
        #Main{
            position: relative;
            width   : 100%;
            height  : auto;
        }
    </style>
</head>
<body>
    <!-- 该网站由Darth_Eternalfaith编写，E-mail: darth_ef@hotmail.com -->
    <header id="Header">
    </header>
    <div id="Left">
    </div>
    <div id="Deviation">
        <div id="Main"></div>
    </div>
    <script type="text/javascript" src="./js/quote/id3-minimized.js"></script>
    <script type="module" src="./page/index.js"></script>
    <script type="module">
        import {hashcaller} from "./js/basics/basics.js";
        // 来自 basics.js 的操作
        hashcaller.touchHashListener();
    </script>
</body>
</html>